<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta
	content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no'
	name='viewport'>
<title></title>
<link href="../../lib/css/bootstrap.min.css" rel="stylesheet"
	type="text/css" />
<link href="../../lib/css/font-awesome.min.css" rel="stylesheet"
	type="text/css" />
<link href="../../lib/css/AdminLTE.css" rel="stylesheet" type="text/css" />
<link href="../../lib/css/skins/skin-blue-light.css" rel="stylesheet"
	type="text/css" />
<link href="../../lib/plugins/datepicker/datepicker3.css"
	rel="stylesheet" />
<!--<link href="../../lib/plugins/jqgrid/jquery-ui.css" rel="stylesheet" />-->
<link href="../../lib/plugins/jqgrid/ui.jqgrid.css" rel="stylesheet" />

<!--[if lt IE 9]>
        <script src="lib/js/html5shiv.min.js"></script>
        <script src="lib/js/respond.min.js"></script>
    <![endif]-->

</head>
<body class="skin-blue-light sidebar-mini fixed skin-blue-light-frame">
	<section class="content-header">
	<h1>
		备案查询
		<!--<small>Control panel</small>-->
	</h1>
	<ol class="breadcrumb">
		<li><a href="../../index.html"><i class="fa fa-home"></i>首页</a></li>
		<li class="active"><a href="#">采购目录管理</a></li>
		<li class="active"><a href="#">备案采购管理</a></li>
		<li class="active"><a href="#">备案查询</a></li>
		<!--<li class="active">Dashboard</li>-->
	</ol>
	</section>

	<section class="content">
	<div class=" box box-success">
		<div class="box-body">
			<div class=" form-inline">
				<div class="form-group form-group-xs">
					<label for="txtDrugForm">&nbsp;&nbsp;&nbsp;&nbsp;生产企业:</label> <input
						class="form-control" type="text" id="txtDrugForm"
						placeholder="生产企业" />
				</div>
				<div class="form-group form-group-xs">
					<label>计划定制时间:</label>
					<div class="input-group">
						<input class="form-control" type="text" data-provide="datepicker"
							data-date-fmt="yyyy-MM-dd" placeholder="yyyy-MM-dd">
					</div>
				</div>
				<div class="form-group form-group-xs">
					<label> - </label>
					<div class="input-group">
						<input class="form-control" type="text" data-provide="datepicker"
							data-date-fmt="yyyy-MM-dd" placeholder="yyyy-MM-dd">
					</div>
				</div>
				<div class="form-group form-group-xs">
					<label for="txtDrugForm">&nbsp;&nbsp;&nbsp;&nbsp;是否长期采购:</label> <select
						class="form-control">
						<option value="0">请选择</option>
						<option value="1">是</option>
						<option value="2">否</option>
					</select>
				</div>
				<div class="form-group form-group-xs">
					<label for="txtDrugForm">&nbsp;&nbsp;&nbsp;&nbsp;审核状态:</label> <select
						class="form-control">
						<option value="0">请选择</option>
						<option value="1">通过</option>
						<option value="2">未通过</option>
					</select>
				</div>
				<button type="button" class="btn btn-success btn-sm">查询</button>
			</div>
		</div>
	</div>

	<table class="jqgrid" id="gridlist"></table>
	<div id="gridpage"></div>



	<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog"
		aria-labelledby="exampleModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="exampleModalLabel">New message</h4>
				</div>
				<div class="modal-body">
					<form>
						<div class="form-group form-group-xs">
							<label for="recipient-name" class="control-label">Recipient:</label>
							<input type="text" class="form-control" id="recipient-name">
						</div>
						<div class="form-group form-group-xs ">
							<label for="recipient-name" class="control-label">Recipient:</label>
							<input type="text" class="form-control" id="recipient-name">
						</div>
						<div class="form-group form-group-xs">
							<label for="recipient-name" class="control-label">Recipient:</label>
							<input type="text" class="form-control" id="recipient-name">
						</div>
						<div class="form-group form-group-xs">
							<label for="recipient-name" class="control-label">Recipient:</label>
							<input type="text" class="form-control" id="recipient-name">
						</div>
						<div class="form-group form-group-xs">
							<label for="message-text" class="control-label">Message:</label>
							<textarea class="form-control" id="message-text"></textarea>
						</div>

					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
					<button type="button" class="btn btn-primary">Send message</button>
				</div>
			</div>
		</div>
	</div>
	</section>
	<script src="../../lib/js/jquery.min.js" type="text/javascript"></script>
	<script src="../../lib/js/bootstrap.min.js" type="text/javascript"></script>
	<script src="../../lib/plugins/slimScroll/jquery.slimscroll.min.js"></script>
	<script src="../../lib/js/app.js" type="text/javascript"></script>
	<script src="../../lib/plugins/jqgrid/jquery.jqGrid.min.js"
		type="text/javascript"></script>
	<script src="../../lib/js/HNApp.js"></script>
	<script type="text/javascript">
		$(function() {
			$('#addNew').click(function() {
				$('#exampleModal').modal({
					keyboard : true
				});
			});
			$('#confirmtest').click(function() {
				$.HN.message.confirm('确定不通过吗？', '', '').on(function(e) {
					if (e) {
						$.HN.message.alert('操作成功！', '提示信息', 'success');
					}
				});
			})
			$("#gridlist").jqGrid(
					{
						url : "../../example/bakDrugSearchYi.json",
						mtype : "GET",
						datatype : "json",
						//width: $('.content').width() - 2,
						autowidth : true,
						height : 255,
						colNames : [ '通用名', '剂型', '规格', '转换系数', '单位', '生产企业',
								'申报价格', '采购数量', '是否长期采购', '审核时间', '审核备注',
								'审核状态' ],
						colModel : [ {
							name : 'common_name',
							index : 'common_name',
							width : 50
						}, {
							name : 'dosage_form',
							index : 'dosage_form',
							width : 30,
							align : 'center'
						}, {
							name : 'standard',
							index : 'standard',
							width : 20,
							align : 'center'
						}, {
							name : 'pack',
							index : 'pack',
							width : 20,
							align : 'center'
						}, {
							name : 'unit',
							index : 'unit',
							width : 40,
							align : 'center'
						}, {
							name : 'production',
							index : 'production',
							width : 70
						}, {
							name : 'unit_price',
							index : 'unit_price',
							width : 20
						}, {
							name : 'amount',
							index : 'amount',
							width : 30,
							align : 'right'
						}, {
							name : 'yes_no',
							index : 'yes_no',
							width : 35,
							align : 'center'
						}, {
							name : 'audit_time',
							index : 'audit_time',
							width : 30,
							align : 'center'
						}, {
							name : 'audit_remark',
							index : 'audit_remark',
							width : 30,
							align : 'center'
						}, {
							name : 'audit_state',
							index : 'audit_state',
							width : 30,
							align : 'center'
						} ],
						rowNum : 10,
						rowList : [ 10, 20, 30 ],
						rownumbers : true,
						pager : "#gridpage",
						viewrecords : true,
						caption : "备案药品查询列表",
						jsonReader : {
							repeatitems : false,
							id : "ids"
						},
						gridComplete : function() {
							var reccount = $("#gridlist").jqGrid(
									'getGridParam', 'reccount');
							if (reccount > 0) {

							}
						}

					});
			//$("#gridlist").jqGrid('navGrid', "#plist48", { add: false, edit: false, del: false, search: false, refresh: false });
			$("#gridlist").jqGrid('navGrid', '#gridpage', {
				add : false,
				edit : false,
				del : false,
				search : false,
				refresh : false
			});
			$(window).trigger("resize");
		});
	</script>
</body>
</html>